<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ page import="com.thinkgem.jeesite.common.utils.PropertiesLoader" %>
<html>
<head>
	<title>车辆证件审查时间表管理</title>
	<meta name="decorator" content="default"/>
	<!-- Vendor CSS-->
		<link href="${weiZe }/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="${weiZe }/assets/vendor/skycons/css/skycons.css" rel="stylesheet" />
		<link href="${weiZe }/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<link href="${weiZe }/assets/vendor/css/pace.preloader.css" rel="stylesheet" />
		<!-- Plugins CSS-->
		<link href="${weiZe }/assets/plugins/bootkit/css/bootkit.css" rel="stylesheet" />
		<link href="${weiZe }/assets/plugins/pnotify/css/pnotify.custom.css" rel="stylesheet" />					
		<!-- Theme CSS -->
		<link href="${weiZe }/assets/page/css/index/jquery.mmenu.css" rel="stylesheet " />
		<!-- Page CSS -->		
		<link href="${weiZe }/assets/page/css/index/index.css" rel="stylesheet" />
		<link href="${weiZe }/assets/page/css/index/add-ons.min.css" rel="stylesheet" />
		<!-- end: CSS file-->	
		<!-- Head Libs -->
		<script src="${weiZe }/assets/plugins/modernizr/js/modernizr.js"></script>
	    <script type="text/javascript">
		$(document).ready(function() {
			
		});
		function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#searchForm").submit();
        	return false;
        };
		function updataValue(){
			var updataValue=$("#updataValue").val();
			$.ajax({
				url:"${ctx}/tb_certificate_vehicles/tbCertificateVehicles/advanceValue",
		        type: "post",
		        data:{
		        	values:updataValue,
				}
			});
		};
	</script>
	<style type="text/css">
	    ul{
	        list-style: none;
	    }
	    .ul-form>li{
	        float: left;
	        margin-right: 15px;
	    }
	    .main {
		  	 		background: #ecedf0 none repeat scroll 0 0;
				    padding: 50px 37px 98px 83px;
				}
	</style>
</head>
<body>
	<ul class="nav nav-tabs">
		<li class="active"><a href="${ctx}/tb_certificate_vehicles/tbCertificateVehicles/">车辆证件审查时间表列表</a></li>
		<shiro:hasPermission name="tb_certificate_vehicles:tbCertificateVehicles:edit"><li><a href="${ctx}/tb_certificate_vehicles/tbCertificateVehicles/form">车辆证件审查时间表添加</a></li></shiro:hasPermission>
	</ul>
	<form:form id="searchForm" modelAttribute="tbCertificateVehicles" action="${ctx}/tb_certificate_vehicles/tbCertificateVehicles/" method="post" class="breadcrumb form-search" style="display: inline-block;">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
		<ul class="ul-form" style="width: 100% ; height: auto;">
			<li><label>id：</label>
				<form:input path="id" htmlEscape="false" maxlength="50" class="input-medium"/>
			</li>
			<li><label>车辆编码：</label>
				<form:input path="carNum" class="input-medium" htmlEscape="false" maxlength="50"/>
			</li>
			<li><label>需审核检验的项目类型：</label>
				<form:select path="dataType" htmlEscape="false" class="input-medium">
				    <form:option value=""></form:option>
				    <form:option value="1">运营证</form:option>
					<form:option value="2">行驶证</form:option>
					<form:option value="3">罐体</form:option>
					<form:option value="4">GPS</form:option>
					<form:option value="5">交强险</form:option>
					<form:option value="6">商业险</form:option>
					<form:option value="7">承运险</form:option>
					<form:option value="8">评定表</form:option>
					<form:option value="9">顶灯</form:option>
				</form:select>
			</li>
			<li><label>下次审核/检验的时间：</label>
				<input name="certificatesDate" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate"
					value="<fmt:formatDate value="${tbCertificateVehicles.certificatesDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"
					onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false});"/>
			</li>
			<li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/></li>
			<li class="clearfix" style="clear:both; "></li>
		</ul>
	</form:form>
	<shiro:hasPermission name="tb_certificate_vehicles:tbCertificateVehicles:view">
	<div>
	    <a href="${ctx}/tb_certificate_vehicles/tbCertificateVehicles/timedifferences"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查看快到期的车辆证件"/></a>
	</div>
	</shiro:hasPermission>
	<div>	    
	    <label>提前提醒天数设定：</label>
		    <input id="updataValue" class="input-medium" htmlEscape="false" maxlength="50"/>				
			<input id="btnSubmit" class="btn btn-primary" type="submit" onclick="updataValue()" value="提前值设定"/>
	</div>
	<sys:message content="${message}"/>
	<table id="contentTable" class="table table-condensed">
		<thead>
			<tr>
				<th>id</th>
				<th>车辆编码</th>
				<th>需审核/检验的项目类型</th>
				<th>下次审核/检验的时间</th>
				<shiro:hasPermission name="tb_certificate_vehicles:tbCertificateVehicles:edit"><th>操作</th></shiro:hasPermission>
			</tr>
		</thead>
		<tbody>
		<c:forEach items="${page.list}" var="tbCertificateVehicles">
			<tr>
				<td><a href="${ctx}/tb_certificate_vehicles/tbCertificateVehicles/form?id=${tbCertificateVehicles.id}">
					${tbCertificateVehicles.id}
				</a></td>
				<td>
					${tbCertificateVehicles.carNum}
				</td>
				<td>
					<c:if test="${tbCertificateVehicles.dataType == '1' || tbCertificateVehicles.dataType == 1}">
					    运营证审核日期			
					</c:if>
					<c:if test="${tbCertificateVehicles.dataType == '2' || tbCertificateVehicles.dataType == 2}">
					    行驶证审核日期				
					</c:if>
					<c:if test="${tbCertificateVehicles.dataType == '3' || tbCertificateVehicles.dataType == 3}">
					    罐体检验日期
					</c:if>
					<c:if test="${tbCertificateVehicles.dataType == '4' || tbCertificateVehicles.dataType == 4}">
					 GPS检验日期
					</c:if>
					<c:if test="${tbCertificateVehicles.dataType == '5' || tbCertificateVehicles.dataType == 5}">
					    交强险上保日期
					</c:if>
					<c:if test="${tbCertificateVehicles.dataType == '6' || tbCertificateVehicles.dataType == 6}">
					   商业险上保日期
					</c:if>
					<c:if test="${tbCertificateVehicles.dataType == '7' || tbCertificateVehicles.dataType == 7}">
					    承运险上保日期
					</c:if>
					<c:if test="${tbCertificateVehicles.dataType == '8' || tbCertificateVehicles.dataType == 8}">
					    评定表			
					</c:if>
					<c:if test="${tbCertificateVehicles.dataType == '9' || tbCertificateVehicles.dataType == 10}">
					    顶灯			
					</c:if>
				</td>
				<td>
					<fmt:formatDate value="${tbCertificateVehicles.certificatesDate}" pattern="yyyy-MM-dd"/>
				</td>
				<shiro:hasPermission name="tb_certificate_vehicles:tbCertificateVehicles:edit"><td>
    				<a href="${ctx}/tb_certificate_vehicles/tbCertificateVehicles/form?id=${tbCertificateVehicles.id}">修改</a>
					<a href="${ctx}/tb_certificate_vehicles/tbCertificateVehicles/delete?id=${tbCertificateVehicles.id}" onclick="return confirmx('确认要删除该车辆证件审查时间表吗？', this.href)">删除</a>
				</td></shiro:hasPermission>
			</tr>
		</c:forEach>
		</tbody>
	</table>
	<div class="pagination">${page}</div>
</body>
<!-- jQuery 2.2.3 -->
<script src="${adminLET }/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="${adminLET }/https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.6 -->
<script src="${adminLET }/bootstrap/js/bootstrap.min.js"></script>
<!-- Morris.js charts -->
<script src="${adminLET }/https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="${adminLET }/plugins/morris/morris.min.js"></script>
<!-- Sparkline -->
<script src="${adminLET }/plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="${adminLET }/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="${adminLET }/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="${adminLET }/plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker -->
<script src="${adminLET }/https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="${adminLET }/plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="${adminLET }/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="${adminLET }/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="${adminLET }/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="${adminLET }/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="${adminLET }/dist/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="${adminLET }/dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="${adminLET }/dist/js/demo.js"></script>
<!-- Vendor JS-->				
		<script src="${weiZe }/assets/vendor/js/jquery.min.js"></script>
		<script src="${weiZe }/assets/vendor/js/jquery-2.1.1.min.js"></script>
		<script src="${weiZe }/assets/vendor/js/jquery-migrate-1.2.1.min.js"></script>
		<script src="${weiZe }/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
		<script src="${weiZe }/assets/vendor/skycons/js/skycons.js"></script>	
		<script src="${weiZe }/assets/vendor/js/pace.min.js"></script>
		
		<!-- Plugins JS-->
		<script src="${weiZe }/assets/plugins/autosize/jquery.autosize.min.js"></script>
		<script src="${weiZe }/assets/plugins/jquery-validation/js/jquery.validate.js"></script>
		<script src="${weiZe }/assets/plugins/wizard/js/jquery.bootstrap.wizard.min.js"></script>
		<script src="${weiZe }/assets/plugins/pnotify/js/pnotify.custom.js"></script>	
		<script src="${weiZe }/assets/plugins/sparkline/js/jquery.sparkline.min.js"></script>
		
		<!-- Theme JS -->		
		<script src="${weiZe }/assets/js/jquery.mmenu.min.js"></script>
		<script src="${weiZe }/assets/js/core.min.js"></script>
		
		<!-- Pages JS -->
		<script src="${weiZe }/assets/page/js/newCarlist/newCarlist.js"></script>		
		<script src="${ctxStatic }/My97DatePicker/WdatePicker.js"></script>
</html>